<script setup>
	import CrmRevenueDigital from "@/views/dashboards/crm/CrmRevenueDigital.vue";
	import CrmRevenueTableScolcl from "@/views/dashboards/crm/CrmRevenueTableScolcl.vue";
	import AnalyticsEarningReportsWeeklyOverview from "@/views/dashboards/analytics/AnalyticsEarningReportsWeeklyOverview.vue";
	import AnalyticsSalesByCountries from '@/views/dashboards/analytics/AnalyticsSalesByCountries.vue'

	import CardStatisticsVehicleCharts from '@/views/crm/CardStatisticsVehicleCharts.vue'
	import VueApexChartsAdd from '@/views/crm/VueApexChartsAdd.vue'
	import CrmRevenueTableScolclAdd from "@/views/crm/CrmRevenueTableScolcl.vue";
	import AnalyticsSalesByCountriesAdd from "@/views/crm/AnalyticsSalesByCountries.vue";
	import CrmRevenueDigitalAdd from "@/views/crm/CrmRevenueDigital.vue";

	import {
		BalanceList
	} from "@/api/system/BankBalanceInquiry";
	const data = reactive({
		queryParams: {
			pageNum: 1,
			pageSize: 10,
			account: null,
			accName: "",
			bankName: "",
			bankAcc: "",
		},
	});
	const {
		queryParams
	} = toRefs(data);
	/** 查询列表 */
	const getList = async () => {
		const res = await BalanceList(queryParams.value);
	};
	onMounted(() => {
		getList();
	});
</script>

<!-- <template>
  <VRow class="match-height">
    <VCol cols="7">
      <CrmRevenueDigital />
    </VCol>
    <VCol cols="5">
      <div class="Box">
        <AnalyticsEarningReportsWeeklyOverview />
      </div>
    </VCol>
    <VCol cols="8">
      <CrmRevenueTableScolcl />
    </VCol>
    <VCol cols="4">
      <AnalyticsSalesByCountries />
    </VCol>
  </VRow>
</template> -->
<template>
	<VRow class="match-height">
		<VCol cols="12">
			<div class="shutiao">
				<div class="Lbq"></div>
				<div class="Lwz">合作协议数量统计</div>
			</div>
			<CardStatisticsVehicleCharts />
		</VCol>
		<VCol cols="12">
			<VCard>
				<VCardText>
					<VRow>
						<VCol cols="4">
							<CrmRevenueDigitalAdd />
						</VCol>
						<VCol cols="8">
							<VueApexChartsAdd />
						</VCol>
					</VRow>
				</VCardText>
			</VCard>
		</VCol>
		
		<VCol cols="8">
		  <CrmRevenueTableScolclAdd />
		</VCol>
		<VCol cols="4">
		  <AnalyticsSalesByCountriesAdd />
		</VCol>
	</VRow>
</template>
<style lang="scss" scoped>
	.btnTO {
		border-radius: 5px;
		background: #007bff;
		block-size: 40px;
		inline-size: 100px;
		line-height: 40px;
		margin-block-start: 20px;
		text-align: center;
	}

	.grossProfit {
		display: flex;
		justify-content: space-between;
	}

	.v-table {
		font-size: 12px;
	}
	
	.shutiao {
		width: auto;
		margin: 10px;
		display: flex;
		align-items: center;
		gap: 10px;
		
		.Lbq {
			width: 8px;
			height: 30px;
			background-color: blue;
		}
		
		.Lwz {
			font-weight: 900;
			font-size: 20px;
			color: #000;
		}
	}
</style>